<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<html>
<head lang="en">
    <meta charset="UTF-8">
    <%@include file="style.jsp" %>
    <%@include file="script.jsp" %>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/orderlang/distributor/css/recycle_bin.css"/>
    <title>商品回收站</title>
</head>
<body onselectstart="return false">
<div id="container_1" style="height:100%">
    <div style="position: relative">
        <%@include file="header.jsp" %>
    </div>
    <div id="content" class="clearfix">
        <%@include file="left_menu.jsp" %>
        <!--内容部分-->
        <div class="right-content" style="margin:75px 20px 0 213px;">
            <p class="brand">
                <a>商品</a>><a class="now">商品回收站</a>
            </p>
            <div class="content" style="position: relative;">
                <div class="top-block">
                    <div class="search-box fl">
                        <input type="text" placeholder="请输入商品名称/关键字/条形码"/>
                        <span></span>
                    </div>
                    <div class="delete-more fr">批量删除</div>
                    <div class="new-product fr">批量恢复</div>
                    <div class="state">
                        <ul class="clearfix">
                            <li class="active">全部状态</li>
                            <li>已上架</li>
                            <li>已下架</li>
                        </ul>
                    </div>
                </div>
                <div class="product-list">
                    <table>
                        <thead>
                            <tr>
                                <td><s></s></td>
                                <td>商品图片</td>
                                <td>商品名称</td>
                                <td>规格</td>
                                <td>标准</td>
                                <td>市场价</td>
                                <td>订货价</td>
                                <td>进货价</td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody>
                            
                            
                            <tr>
                                <td><s></s></td>
                                <td>
                                    <img src="${pageContext.request.contextPath}/img/1.jpg" alt=""/>
                                </td>
                                <td>
                                    <p>p72205808</p>
                                    <p>镀金钢管</p>
                                    <p>某某品牌名称</p>
                                </td>
                                <td>20mm*0.8mm</td>
                                <td>国标</td>
                                <td>358/根</td>
                                <td>358/根</td>
                                <td>158/吨</td>
                                <td>
                                    <button class="detail">详情</button>
                                    <button class="revise">恢复</button>
                                    <button class="delete">删除</button>
                                </td>
                            </tr>
							 <c:forEach items="${productList}" var="pro">
                            	<tr>
	                                <td><s data-id="${pro.id}" ></s></td>
	                                <td>
	                                    <img src="${pageContext.request.contextPath}/img/1.jpg}" alt=""/>
	                                </td>
	                                <td>
	                                    <p>${pro.id}</p>
	                                    <p>${pro.code}</p>
	                                    <p>${pro.productName}</p>
	                                    <p>${pro.brandName}</p>
	                                </td>
	                                <td><c:forEach items="${pro.specS}" var="s">
	                                <p>${s.name}: ${s.specValue}</p>
	                                </c:forEach></td>
	                                <td>${pro.standard}</td>
	                                <td>${pro.price}/${pro.littleUnit}</td>
	                                <td>${pro.orderedPrice}/${pro.littleUnit}</td>
	                                <td>${pro.purchasePrice}/${pro.littleUnit}</td>
	                                <td>
	                                    <button class="detail" onclick="productDetail(${pro.id})">详情</button>
	                                    <button class="revise" onclick="productEdit(${pro.id})">修改</button>
	                                    <button class="delete" onclick="productDelete(${pro.id})">删除</button>
	                                </td>
	                            </tr>
                            </c:forEach>
                        </tbody>
                    </table>
                    <!-- -----分页----- -->
                    <div class="quotes" style="margin-top: 50px"></div>
                </div>
            </div>
        </div>
        <script src="${pageContext.request.contextPath}/static/orderlang/distributor/js/recycle_bin.js"></script>
        <!--内容部分结束-->
    </div>
</div>

</body>
</html>